<template>
	<view class="g-main">
		<map class="u-map"></map>
		<!-- 地址信息 -->
		<cover-view class="g-order-address-msg">
			<cover-view class="f-frow">
				<cover-image src="../../static/icon/order/icon_transiy.png" class="icon f-mr12"></cover-image>
				<cover-view>
					<cover-view class="f-fz15 f-fc-primary f-fw650">运输中</cover-view>
					<cover-view class="f-fz13 f-fc-grey f-mt5">还剩9天11时确认</cover-view>
				</cover-view>
			</cover-view>
			<cover-view class="f-frowceny f-mt13">
				<cover-image src="../../static/icon/order/icon_order_num.png" class="icon f-mr12"></cover-image>
				<cover-view class="f-fz15 f-fc-primary">
					订单号：1511322337149
				</cover-view>
			</cover-view>
			<cover-view class="f-frow f-mt13">
				<cover-image src="../../static/icon/order/icon_destionation_yellow.png" class="icon f-mr12"></cover-image>
				<cover-view>
					<cover-view class="f-fz15 f-fc-primary f-fw650">收货人：闫林18523665566</cover-view>
					<cover-view class="f-fz13 f-fc-grey f-mt5" style="white-space: pre-wrap;">上海市宝山区大镇场中路133号上海市宝山区大镇场中路133号</cover-view>
				</cover-view>
			</cover-view>
		</cover-view>
		<!-- 车辆信息 -->
		<cover-view class="g-order-car-msg">
			<cover-view class="f-frowspcen f-fz15 f-fc-primary f-fw650">
				<cover-view class="f-f1 f-toh">奥迪A4L 2019款 40 TFSI 进取型</cover-view>
				<cover-view>￥29.90万</cover-view>
			</cover-view>
			<cover-view class="f-frowceny f-fz13 f-fc-grey f-mt12">
				<cover-view class="f-mr30">数量：6</cover-view>
				<cover-view>颜色：黑色/白色</cover-view>
			</cover-view>
			<cover-view class="f-frowceny f-fz13 f-fc-primary f-mt12">
				<cover-view>
					车架号 LSVN04BR3JN112494
					<cover-view class="icon-arrow f-fc-grey"></cover-view>
				</cover-view>
				<cover-view class="u-order-btn f-tac f-mlauto">确认提车</cover-view>
			</cover-view>
		</cover-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.g-main {
	position: relative;
	.u-map {
		width: 100vw;
		height: 100vh;
	}
	.g-order-address-msg {
		position: absolute;
		top: 24rpx;
		left: 30rpx;
		right: 30rpx;
		z-index: 1;
		padding: 40rpx 40rpx 40rpx 20rpx;
		background-color: #FFFFFF;
		border-radius: 20rpx;
		.icon {
			width: 48rpx;
			height: 48rpx;
			flex-shrink: 0;
		}
	}
	.g-order-car-msg {
		position: absolute;
		bottom: 48rpx;
		left: 30rpx;
		right: 30rpx;
		z-index: 1;
		padding: 40rpx 24rpx;
		background-color: #FFFFFF;
		border-radius: 20rpx;
	}
}
</style>
